/**
 * @author kobe
 * @date   16/08/20
 */
@import url(//at.alicdn.com/t/font_1477294816_7206874.css);

.dev-state {

    .header {
        display: flex;
        width: 100%;
        height: 1.45rem;
        background: #fff;
        align-items: flex-end;
        margin-bottom: .1rem;
        //background: -webkit-linear-gradient(-135deg,#04c3d0, #29d3d5); /* Safari 5.1 - 6.0 */
        //background: -o-linear-gradient(-135deg,#04c3d0, #29d3d5); /* Opera 11.1 - 12.0 */
        //background: -moz-linear-gradient(-135deg,#04c3d0, #29d3d5); /* Firefox 3.6 - 15 */
        //background: linear-gradient(-135deg,#04c3d0, #29d3d5); /* 标准的语法 */

        .name {
            font-size: .24rem;
            margin: auto auto .4rem .36rem;
            color: #00cccc;

            .home-num {
                margin-left: .2rem;
                font-size: .18rem;
            }
        }

    }

    .flex {
        padding: .15rem .31rem;
        height: .9rem;
        background: #fff;

        .al-icon {

            &.blue {
                color: #75cbeb;
            }

            &.red {
                color: #ff6566;
            }

            &.green {
                color: #9adbcc;
            }

            &.purple {
                color: #B48EF5;
            }
        }

        .item {
            flex-grow: 0;
            min-width: .6rem;
            text-align: center;
        }

        .dev-icon {
            font-size: .35rem;
        }

        .dev-name {
            flex-grow: 1;
            padding: 0 .15rem;
            font-size: .18rem;
            color: #888;
            font-weight: 400;
        }

        .state {
            font-size: .18rem;
            color: #aaa;

            &.open {
                color: #00cccc;
            }
        }
    }

    .mui-table-view-cell:last-child:after {
        height: 1px;
    }
}